import React from 'react'
import {
	IndexLink,
	Link
} from 'react-router'
import LoginInfo from '../login/highorder-loginInfo.js'

const NavNormalize = () => {
	return (
		<nav className="nav shadow bg-black-d c-text-w">
	        <li>
	        	<IndexLink activeStyle={{color:"rgba(0, 0, 0, 0.87)"}} activeClassName="bg-w" to="/">首页</IndexLink>
	        </li>
	        <li>
	            <Link activeStyle={{color:"rgba(0, 0, 0, 0.87)"}} activeClassName="bg-w" to="/article">文章</Link>
	        </li>
	        <li>
	            <Link activeStyle={{color:"rgba(0, 0, 0, 0.87)"}} activeClassName="bg-w" to="/register">加入我们</Link>
	        </li>
	        <li>
	            <Link activeStyle={{color:"rgba(0, 0, 0, 0.87)"}} activeClassName="bg-w" to="/about">关于本站</Link>
	        </li>
	        <li>
	            <Link activeStyle={{color:"rgba(0, 0, 0, 0.87)"}} activeClassName="bg-w" to="/slucky">Slucky 0.1 doc</Link>
	        </li>
	        <LoginInfo/>
	    </nav>
	)
}

export default NavNormalize